import React from 'react'
import ReactEcharts from 'echarts-for-react';

export default class Shadow_label extends React.Component {
    constructor() {
        super();
        this.getOption = {
            xAxis: {
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {},
            series: [{
                type: 'bar',
                name: '营销额',
                data: [1, 2, 3, 4, 5, 6, 7],
            }],
            tooltip: {
                trigger: 'axis',
                axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
        }
    }

    render() {
        var self = this;
        return <div>
            <h1>
                echarts-for-react shadow_label
            </h1>
            <div>
                <ReactEcharts
                    option={self.getOption}
                    notMerge={true}
                    lazyUpdate={true}
                    theme={"theme_name"}/>
            </div>
            <div>
                <h1>shadow label</h1>
            </div>
        </div>
    }

}